<template>
    <div class="layout">
            <top-area></top-area>
            <platform></platform>                                                                                                                                           
            <material></material>
            <supply></supply>
            <news></news>
            <partner></partner>
            <bottom-area></bottom-area>
    </div>
</template>

<script>
import MaterialList from '../component/index/materialList.vue';
import News from '../component/index/news.vue';
import Partner from '../component/index/partner.vue';
import bottomArea from '../component/index/bottomArea'
import Platform from '../component/index/platform.vue';
import Supply from '../component/index/supply.vue';
import material from '../component/index/material.vue';
import topArea from '../component/index/topArea.vue';
    export default {
        components: { MaterialList, News, Partner,bottomArea, Platform, Supply,material, topArea },
        data() {
            return {
               


            };
        },
        async asyncData({$http}) {
            
        },
        mounted() {
            
                
            
        },
        methods: {
            
        }
    }
</script>

<style scoped lang="less">

 
 
  
</style>